<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <!-- Google Optimise Minize Page Flicker -->
    <style>.async-hide {
        opacity: 0 !important
    } </style>

    <meta name="robots" content="noindex,nofollow">
    <title>SendPulse: Log In</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/bootstrap.css" th:href="@{bootstrap/css/bootstrap.css}" rel="stylesheet" media="screen">

    <link th:href="@{bootstrap/css/template.min.css?v=20190410051137}" rel="stylesheet" media="screen">

    <link th:href="@{bootstrap/css/login.min.css?v=20190410051137}" rel="stylesheet" media="screen">

    <script th:src="@{bootstrap/js/jquery.min.js}"></script>
    <script th:src="@{bootstrap/js/bootstrap.js}"></script>
    <meta name="norton-safeweb-site-verification"
          content="ify4cpp-jsmqzwreu4-x03199z2nnw4o4bv7768eo4-zjxchbq7gvx7cwduckszm85equbjrsyy7rr9gferx13ts8agycc8j37mrpu7xjyf1rr4w4a-4kv6-yx93swt7"/>

</head>
<body>
<!--[if lte IE 8]>
<div class="unsuported-warning"><h4>Sorry, your browser is not supported!</h4></div><![endif]-->

<div class="loginpage">
    <div class="loginpage-container">
        <div class="login-header">
            <a class="logo-link" href="https://sendpulse.com/" target="_blank">
                <img src="https://ws1.sinaimg.cn/large/006m0mywgy1g1xi7krjkdj302v02wdg5.jpg" width="175"
                     alt="SendPulse">
            </a>
            <div class="dropdown lang-dropdown pull-right" style="display: none;">
                <a data-toggle="dropdown" class="btn btn-default animate" role="button" href="#">
                    <span class="glyphicon glyphicon-globe"></span>
                    EN <b class="caret"></b>
                </a>
            </div>
            <div class="clearfix">&nbsp;</div>
        </div>

        <div class="panel panel-default">
            <form role="form" class="form-horizontal" action="login" method="post">
                <div class="panel-body">
                    <h2>Login</h2>
                    <h3 th:text="${msg}" style="color:red"></h3>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Your Name:</label>
                            <div class="col-sm-8">
                                <input type="text" value="" class="form-control" id="name" name="name"
                                       placeholder="Enter UserName" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="password">Your password:</label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control" id="password" name="password"
                                       placeholder="Enter password" />
                                <p>
                                    <small><a href="未完成哦">Forgot password?</a></small>
                                </p>

                                <div class="login-options">
                                    <div class="checkbox hidden">
                                        <label for="sc">
                                            <input type="checkbox" name="sc" id="sc" checked="checked"> Secure connection
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label class="small" for="rm">
                                            <input type="checkbox" name="rm" id="rm" checked="checked"> Remember me on this
                                            computer </label>
                                    </div>
                                </div>

                            </div>
                        </div>
                </div>

                <div class="panel-footer">
                    <p class="pull-left padding-top-5">
                        <em class="small light-grey">
                            Don't have an account? <a class="bold" href="/toRegistration">Register</a>
                        </em>
                    </p>

                    <input type="submit" name="submit" class="btn btn-green pull-right" value="Login">
                    <div class="clearfix"></div>
                </div>
                <input type='hidden' name='csrf_token' value='fb7146e86b82cbdb70e61ea5814813de'/>
            </form>
        </div>

        <div class="login-social">
            <div class="social-signup text-center">
                <p class="social-signup-title">
                    <small>Or login with:</small>
                </p>
                <a href="#" class="btn btn-primary btn-social btn-fb" id="faceebook_btn">
                    <span class="social-icon icon-facebook" title="facebook"></span>&nbsp;
                    Facebook
                </a>
                <a href="#" class="btn btn-social btn-default btn-google" id="google_btn">
                    <img th:src="@{diy/pic/logo-icon-google-sub.png}" alt="Google" height="16">
                    Google
                </a>
            </div>
            <p class="clearfix">&nbsp;</p>
            <div class="login-support small">
                Problems logging in? <a th:href="@{/toLoginSupport}" target="_blank">Technical support</a>
            </div>
        </div>

    </div>
</body>
</html>
</body>
</html>